<script setup>
    import LeftMenu from './components/LeftMenu/index.vue'
    import login from './components/login/index.vue'
</script>

<template>
    <div class="content">
        <div class="menu-content">
            <LeftMenu />
        </div>
        <div class="right-content">
            <router-view></router-view>
        </div>
        <!-- 登录 -->
        <login />
    </div>
</template>

<style scoped lang="scss">
    .content {
        display: flex;
        align-items: center;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

    .right-content {
        flex: 1;
        height: 100vh;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        background: rgba(232, 236, 244, 0.5);
    }
</style>